

#send_email {
display : none;
border : 2px solid #b7ddf2;
background : #ebf4fb;
margin-bottom : 30px;
}
#send_email p {
font-size : 12px;
color : #666666;
margin-bottom : 20px;
border-bottom : 1px solid #b7ddf2;
padding-bottom : 10px;
}
#send_email input {
float : left;
font-size : 12px;
padding : 4px 2px;
border : 1px solid #aacfe4;
width : 340px;
height : 20px;
margin : 2px 0 0 0;
}
#send_email input:hover {
background-color : #f2f2f2;
}
#send_email .email_submit:hover {
background-color : #b3b3b3;
}
#send_email .email_submit {
float : right;
background-color : #4d4d4d;
margin:0 auto;
padding:0;
width : 100px;
height : 31px;
text-align : center;
color : #ffffff;
font-size : 12px;
font-weight : bold;
}
#email_message {
color : red;
font-size : 13px;
font-style : italic;
display : none;
margin : 0 auto;
text-align : center;
margin-bottom:30px;

}
.email_form a {
float : right;
text-decoration : none;
font-size : 15px;
color : #666666;
}
.email_form a:hover {
color : black;
}
#gradient {
width : 100%;
min-width : 1024px !important ;
height : 40px;
background : url(line_small.png);
background-repeat : repeat-x;
}
#metadata {
border : 2px solid #fcacac;
background : #fbebeb;
margin : 0 auto;
font-size : 13px;
padding-bottom : 10px;
padding-left : 20px;
padding-right : 10px;
padding-top : 10px;
margin-bottom : 50px;
width : 80%;
display : none;
}
#toggle_metadata {
position : absolute;
width : 39px;
min-height : 145px;
min-width : 39px;
height : 145px;
background : url("metadata.png");
background-repeat : no-repeat;
z-index : 50;
border : 2px solid #afc7c7;
border-left : none;
}
#toggle_metadata:hover {
background : url("metadata2.png");
cursor : pointer;
width : 70px;
background-repeat : no-repeat;
}
#toggle_metadata a {
color : #3e3535;
font-size : 12px;
text-decoration : none;
cursor : pointer;
}
.metadata_cancel {
color : #929292;
float : right;
font-size : 11px;
text-decoration : none;
margin-right : 20px;
}
.metadata_cancel a:hover {
color : #c2c2c2;
cursor : pointer;
}
#main {
padding-bottom : 50px;
}
#container_index {
min-height : 100%;
position : relative;
}
#footer {
text-align : center;
padding-top : 50px;
font-size : 11px;
width : 100%;
height : 50px;
bottom : 0;
background : url("paper_footer.gif");
background-repeat : repeat-x;
position : absolute;
min-width : 1024px !important ;
}
#footer a {
font-size : 13px;
color : #736f6e;
text-decoration : none;
cursor : pointer;
}
#footer a:hover {
text-decoration : underline;
}
table.tablesorter {
font-family : arial;
background-color : #cdcdcd;
margin : 10px 0 15px;
font-size : 8pt;
width : 100%;
text-align : left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color : #e6eeee;
border : 1px solid #fff;
font-size : 8pt;
padding : 4px;
padding-right : 15px;
}
table.tablesorter thead tr .header {
background-image : url(bg.gif);
background-repeat : no-repeat;
background-position : right center;
cursor : pointer;
}
table.tablesorter tbody td {
color : #3d3d3d;
padding : 4px;
background-color : #fff;
vertical-align : top;
}
table.tablesorter tbody tr.odd td {
background-color : #f0f0f6;
}
table.tablesorter thead tr .headerSortUp {
background-image : url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image : url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color : #8dbdd8;
}
.tablesorter a {
text-decoration : none;
color : #6e6a6b;
}
#axis_input {
font-size : 11px;
color : white;
border : 4px solid #afc7c7;
width : 840px;
min-width : 840px !important ;
height : 220px;
margin : 0 auto;
background : url("page_top_img.png");
padding-top : 10px;
padding-bottom : 35px;
padding-left : 50px;
}
#axis_input input {
padding : 4px 2px;
font-size : 11px;
border : 1px solid #aacfe4;
width : 180px;
height : 15px;
display : inline;
margin-top : 5px;
margin-left : 10px;
}
#axis_input input:hover {
background-color : #d9d8d8;
}
#axis_input input.submit {
float : right;
margin-right : 5px;
margin-top : 10px;
width : 100px;
height : 24px;
font-weight : bold;
font-size : 10px;
}
#axis_input input.submit:hover {
background-color : #a0c7eb;
}
#axis_input label {
display : block;
float : left;
width : 150px;
padding : 0;
margin-top : 10px;
text-align : right;
}
#post-it-example {
text-align : left;
color : black;
font-family : 'Lucida Casual', 'Comic Sans MS';
font-style : normal;
font-size : 13px;
margin-left : 50px;
margin-bottom : 20px;
float : right;
width : 400px;
height : 189px;
background : url("post-it-2.png");
line-height : 17px;
}
#post-it-example small {
font-size : 11px;
font-style : italic;
}
#viewer_table_div {
display:none;
width:400px;
margin:0 auto;
max-height:500px;
overflow:auto;
}
.save_button {
width : 100px;
height : 24px;
font-size : 11px;
padding : 4px 2px;
border : 1px solid #aacfe4;
height : 15px;
font-weight : bold;
}
.save_button input:hover {
background-color : #d9d8d8;
}
.heading {
margin : 1px;
padding : 3px 10px;
cursor : pointer;
position : relative;
border : 1px solid black;
padding-left : 10px;
background-color : white;
width : 95%;
z-index : 50;
}
.meta_content {
padding : 5px 10px;
width : 80%;
margin : 0 auto;
margin-top : 10px;
}
#desc {
font-size : 12px;
}
#accordion p {
padding : 5px 0;
}
.column_heading {
cursor : pointer;
position : relative;
border : 1px solid black;
padding-left : 10px;
background-color : white;
z-index : 50;
font-size : 11px;
}
.column_content {
padding : 5px 10px;
}
.column_content li {
list-style-type : none;
}
#endpoints_form {
border : 4px solid #afc7c7;
width : 800px;
padding-bottom : 30px;
max-height : 300px;
padding-top : 15px;
padding-left : 10px;
padding-right : 10px;
margin : 0 auto;
text-align : center;
border-top : none;
background-color : #efefef;
display : none;
}
#endpoints_form form {
margin : 0 auto;
margin-top : 30px;
text-align : center;
width : 700px;
max-width : 700px;
min-width : 700px;
padding-bottom : 15px;
border : 1px solid gray;
background-color : #c6c6c6;
}
#overflow {
overflow : auto;
max-height : 200px;
margin-bottom : 15px;
font-size:11px;
}
#endpoints_form table {
text-align : left;
margin-bottom : 30px;
}
#endpoints_form tr {
width : 700px;
text-align : center;
margin : 0 auto;
}
#endpoints_form th {
width : 690px;
background-color : white;
color : black;
border : 2px solid gray;
}
#endpoints_form label {
font-weight : normal;
font-size : 11px;
color : black;
margin : 0 auto;
margin-right : 10px;
text-align : center;
}
#endpoints_form p {
font-size : 12px;
text-align : left;
}
#endpoints_form input.submit {
width : 100px;
height : 24px;
font-size : 11px;
padding : 4px 2px;
border : 1px solid #aacfe4;
height : 25px;
font-weight : bold;
background-color : #e8e8e8;
}
#endpoints_form input.submit:hover {
background-color : #d9d8d8;
}
#toggle_endpoints {
margin-top: 40px;
margin-right:20px;
float:right;
}
#toggle_endpoints a {
text-decoration: none;
font-size:12px;
background-color:#ededed;
border-radius:6px;
border:1px solid #dcdcdc;
color:#777777;
font-family:arial;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
cursor: pointer;
}

#toggle_endpoints a:hover {
color: black;
}
.rowHover {
font-weight : bold;
font-style : italic;
}
#error {
margin : 0 auto;
color : red;
font-weight:bold;
font-size:11px;
margin-bottom: 40px;
text-align : center;

}
#processing {
font-style : italic;
font-size : 12px;
margin-bottom : 40px;
text-align : center;
margin : 0 auto;
}
#select_all {
float : right;
font-size : 10px;
cursor : pointer;
color : white;
width : 100px;
font-weight : bold;
margin-right : 48px;
padding : 3px 5px 3px 5px;
background-color : #afc7c7;
border : 1px solid gray;
}
#select_all:hover {
background-color : #a0c7eb;
}

#pager {
margin:0 auto;
font-size:10px;
text-align:center;
}

.pagedisplay {
width:70px;
}

#cache_or_fetch {
		font-size:11px;
		clear:both;
		font-family: "Lucida" Grande, sans-serif;
		font-style:italic;
		float:right;
		color: rgb(135, 175, 199);
		margin-top:15px;
		margin-right:36px;
	}

#cache_or_fetch input{
		margin-left:15px;
	}

	
		
	 .demo_jui {
	margin: 30px auto 0 auto;
}


.big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

.spacer {
	height: 20px;
	clear: both;
}

.clear {
	clear: both;
}

pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

	